import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

// 引入路由
import router from './router'

// 清除自带 8px 问题
import 'normalize.css'

// 引入 element-plus 中 ElMessage 的样式
import 'element-plus/theme-chalk/el-message.css'
// 引入 ElMessageBox 的样式
import 'element-plus/theme-chalk/el-message-box.css'
import 'element-plus/theme-chalk/el-overlay.css'

// 引入菜单样式
import 'element-plus/theme-chalk/el-menu.css'
import 'element-plus/theme-chalk/el-menu-item.css'
import 'element-plus/theme-chalk/el-sub-menu.css'

// 引入 permission.js 进行路由权限拦截
import './permission'

// 时间国际化
import 'dayjs/locale/zh-cn'

// icon 图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// 状态管理
import store from './store'

// 引用插件（多设备适应）
// import 'lib-flexible/flexible'


const app = createApp(App)
app.use(ElementPlus)
app.use(router)
app.use(store)

// 全局注册 element-plus 中使用的 icon 图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}


app.mount('#app')
    